@import './flex.scss';

.u-block{
	padding: 14px;
	&__section{
		margin-bottom:10px;
	}
	&__title {
		margin-top:10px;
		font-size: 15px;
		color: $u-content-color;
		margin-bottom:10px;
	}
	&__flex{
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
	}
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
	width: 36rpx;
	height: 36rpx;
	margin-right: 8rpx;
}

.u-page {
	padding: 15px 15px 40px 15px;
}

.u-demo-block {
	flex: 1;
	margin-bottom: 23px;

	&__content {
		@include flex(column);
	}

	&__title {
		font-size: 14px;
		color: rgb(143, 156, 162);
		margin-bottom: 8px;
		@include flex;
	}
}



	.shareBox {
	          position: relative;
			  .shareBtn{
	            top: 0;
	            left: 0;
	              position: absolute;
	              width: 100%;
	              height: 100%;
	              opacity: 0;
	              z-index: 99;
	          }
	        }
	.flex{
		display: flex;
	}
	.flexCenter{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin:0 auto;
	}
	.hoverClass{
		background-color:  #909193;
		opacity: 0.7;
	}

/* 单行省略号 */
.nowrap-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 双行省略号 */
.wrap-ellipsis-two {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.bottomBar {
  /*
    关于使用constant(safe-area-inset-bottom)、env(safe-area-inset-bottom)
    会返回底部安全区的高度
    两个方法都写，会自动选择能够生效的来使用
    可以使用calc方法来计算，根据实际情况灵活使用
    */
  padding-bottom: calc(0rpx + constant(safe-area-inset-bottom));
  padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
}


.botttom-button {
			z-index: 20;
			background-color: #fff;
			width: 100%;
			padding: 0 32rpx;
			box-sizing: border-box;
			height: calc(90rpx + constant(safe-area-inset-bottom));
			height: calc(90rpx + env(safe-area-inset-bottom));
			position: fixed;
			bottom: 0;
			left: 0;

			::v-deep .u-button {
				margin: 0 auto;
			}
		}
	.bfc{
		&::after{
		        content: '';
		        display: block;
		        clear: both;
		        height: 0;
		        overflow: hidden;
		    }
	}
	/**app.wxss**/
	.container {
	  height: 100%;
	  box-sizing: border-box;
	  color: #333;
	  font-family: helvetica,'Heiti SC',PingFangSC-Light;
	}
	.price{
	  font-family: Arial;
	  display: inline-block;
	  color: #eb2444;
	  padding-bottom:10rpx;
	padding-left:10rpx;

	}



	/* 价格数字显示不同大小 */

	.symbol {
	  font-size: 24rpx;
	}

	.big-num {
	  font-size: 32rpx;
	}

	.small-num {
	  font-size: 24rpx;
	}

	/*
	*改变checkbox样式
	*自定义样式
	*/
	/* reg	  */
	uni-checkbox-group {
		width: 100% !important;
	}
	uni-checkbox-group uni-label{
		width: 33% !important;
		display: inline-flex;
		margin-bottom: 20rpx;
	}
	/*checkbox 选项框大小  */
	uni-checkbox .uni-checkbox-input{
		width: 38rpx !important;
		height: 38rpx !important;
		border-radius: 50%!important;
	}
	/*checkbox选中后样式  */
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
		background: #e43130;
		border: 1px solid transparent !important;
	}
	/*checkbox选中后图标样式  */
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
		display: inline-block;
	  width: 20rpx;
	  height: 20rpx;
		line-height: 20rpx;
		text-align: center;
		font-size: 18rpx;
		color: #fff;
		background: transparent;
		transform: translate(-60%, -50%) scale(1);
		-webkit-transform: translate(-60%, -50%) scale(1);
	}

	/*
	*改变radio样式
	*自定义样式
	*/
	/* 未选中的 背景样式 */
	uni-radio .uni-radio-input{
		height: 36rpx;
		width: 36rpx;
		border-radius: 50%;
		background: transparent;
		box-sizing: border-box;
	 }
	/* 选中后的 背景样式 */
	uni-radio .uni-radio-input.uni-radio-input-checked{
	   border: none !important;
	   background: #e43130 !important;
	}
	/* 选中后的 对勾样式 */
	uni-radio .uni-radio-input.uni-radio-input-checked::before{
	   border-radius: 50%;
	   width: 32rpx;
	   height: 32rpx;
	   line-height: 32rpx;
	   text-align: center;
	   font-size: 20rpx;
	   color:#fff;
	   background: #e43130;
	   border-radius: 50%;
	   transform: translate(-50%, -50%) scale(1);
	   -webkit-transform: translate(-50%, -50%) scale(1);
	}


	.bottom-box {
		// height: calc(constant(safe-area-inset-bottom) + 120rpx);
		// height: calc(env(safe-area-inset-bottom) + 120rpx);
		height: 110rpx;
		z-index: 999;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		border: none;
		position: fixed;
		bottom: 0rpx;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
		padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
		background-color: #FFFFFF;

	}

	.submit-botton {
			z-index: 20;
			position: fixed;
			bottom: 0;
			width: 100%;
			padding: 16rpx 48rpx;
			box-sizing: border-box;
			left: 0;
			background: #fff;
			height: calc(120rpx + env(safe-area-inset-bottom));
		}
